<!DOCTYPE html> 
<html> 
	<head> 
		<title>My Page</title> 
		<meta name="viewport" content="width=device-width, initial-scale=1"> 
		<link rel="stylesheet" href="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.css" />
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
		<script type="text/javascript" src="http://code.jquery.com/mobile/1.0/jquery.mobile-1.0.min.js"></script>
	</head> 
	<body> 
		<div data-role="page" id="home">
			<div data-role="header">
				<h1>My Title</h1>
			</div><!-- /header -->
			<div data-role="content">	
				<ul data-role="listview" data-theme="g" id="producerList">
						 	
			 	</ul>
			</div><!-- /content -->
		</div><!-- /page -->
		
		<div data-role="page" id="dynamicPage" >
			<div data-role="header">
				<a href="#home" data-role="button">Back</a></h3><h1>HEADER</h1>
			</div>
			<div data-role="content" id="dynamicPageContent">
			<p>Dynamisk sida... to be continues</p>
			</div>
			<div data-role="footer">
			<p>shit happens life goes on</p>
			</div>
		</div>
		<script type="text/javascript" src="jquery.js"></script>
	</body>
</html>




